.bg-blue {
  background: #338FFF !important;
}
.bg-self-green {
  background: #0ce6e6 !important;
}
.bg-white {
  background: #ffffff !important;
}
.bg-gray {
  background: #6d6d72;
}
.bg-default {
  background: #EFEFF4;
}
.bg-yellow1 {
  background: #ffcc99 !important;
}
.bg-blue1 {
  background: #66CCCC !important;
}
.bg-pink1 {
  background: #FFCCCC !important;
}
.bg-theme {
  background: #0894ec !important;
}
.c-white {
  color: #ffffff !important;
}
.c-black {
  color: #000;
}
.c-red {
  color: red;
}
.c-red1 {
  color: #ff3838;
}
.c-blue {
  color: #41BEFE;
}
.c-beau-green {
  color: #1bd1a4;
}
.c-gray {
  color: #6d6d72 !important;
}
.c-default {
  color: #3d4145;
}
.c-green1 {
  color: #33cc33;
}
.c-theme {
  color: #0894ec !important;
}
html,
body {
  /*font-family: Microsoft YaHei !important;*/
  -webkit-touch-callout: none;
  -webkit-text-size-adjust: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-user-select: none;
}
.self-scroll {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.overflowAuto {
  overflow: auto !important;
}
li,
ul,
p,
img {
  padding: 0;
  margin: 0;
}
li {
  list-style-type: none;
}
a {
  color: #6d6d72;
}
.f-normal {
  font-size: 0.85rem !important;
}
.f-title-1 {
  font-size: 0.9rem;
}
.f-time {
  font-size: 0.7rem;
}
.f-08 {
  font-size: 0.8rem;
}
.f-little {
  font-size: .6rem !important;
}
.t-center {
  text-align: center;
}
.t-right {
  text-align: right;
}
.t-left {
  text-align: left;
}
.m-t-0 {
  margin-top: 0 !important;
}
.m-b-0 {
  margin-bottom: 0;
}
.m-0 {
  margin: 0;
}
.p-l-0 {
  padding-left: 0 !important;
}
.p-b-0 {
  padding-bottom: 0;
}
.p-0 {
  padding: 0 !important;
}
.m-t {
  margin-top: 0.5rem;
}
.m-l {
  margin-left: 0.5rem;
}
.m-r {
  margin-right: 0.5rem;
}
.m-b {
  margin-bottom: 0.5rem;
}
.p-l {
  padding-left: 0.5rem !important;
}
.p-r {
  padding-right: 0.5rem !important;
}
.p-t22 {
  padding-top: 2.2rem;
}
.p-b22 {
  padding-bottom: 2.5rem;
}
.p-t-b-5 {
  padding: 5px 0;
}
.p-r-5 {
  padding-right: 0.5rem;
}
.w-100p {
  width: 100%;
}
.bar-tab .tab-item .icon {
  width: auto;
  display: block;
}
.list-block.set-ul-b ul::before,
.list-block.set-ul-b ul::after {
  height: 0;
}
.list-block.set-ul-b .item-inner::after {
  height: 0;
}
.list-block.set-ul-b li {
  border-bottom: 1px solid #e7e7e7;
}
.list-block.set-ul-b li:first-child {
  border-top: 1px solid #e7e7e7;
}
.add-link {
  display: flex;
  width: 100%;
  padding-left: 0.75rem;
}
.set-div-b {
  flex-direction: column;
  align-items: flex-start !important;
}
.set-div-b .item-after {
  margin-left: 0;
}
.head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0;
}
.head span {
  flex: 1;
}
.head a {
  flex: 1;
  text-align: right;
  margin: 0 .7rem 0 0;
  font-size: 1rem;
  height: 2.2rem;
  line-height: 2.2rem;
}
.head .head-title {
  font-size: 0.9rem;
  font-weight: 400;
  flex: 1;
  text-align: center;
}
.forbidden-a .item-title {
  color: #6d6d72!important;
}
.forbidden-a:link,
.forbidden-a:visited,
.forbidden-a:hover,
.forbidden-a:active {
  color: #6d6d72 !important;
}
.forbidden-normal-a {
  color: #6d6d72!important;
}
.forbidden-normal-a:link,
.forbidden-normal-a:visited,
.forbidden-normal-a:hover,
.forbidden-normal-a:active {
  color: #6d6d72 !important;
}
.set-icon {
  position: relative;
  top: 2px;
}
.set-icon1 {
  position: relative;
  top: 1px;
}
.hide {
  display: none;
}
.block {
  display: block;
}
.pos-rel {
  position: relative;
}
.pos-abs {
  position: absolute;
}
.l-0 {
  left: 0;
}
.border-t {
  border-top: 1px solid #ccc;
}
.p-t-toolbar {
  padding-top: 2.2rem;
}
.t-22 {
  top: 2.2rem;
}
.b-22 {
  bottom: 2.2rem;
}
.b-24 {
  bottom: 2.4rem;
}
.t-0 {
  top: 0;
}
.m-t-25 {
  margin-top: 2.5rem;
}
.head-no-toolbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 2.2rem;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 90;
  left: 0;
  background-color: #0894ec !important;
}
.head-no-toolbar span {
  flex: 1;
  color: #fff;
}
.head-no-toolbar.no-left-icon .icon {
  position: absolute;
  padding-right: 2rem;
  display: block;
  height: 2.2rem;
  line-height: 2.2rem;
  top: 0;
}
header h1.title {
  background: #0894ec;
  color: #fff;
}
header span {
  position: absolute !important;
  right: 0;
  color: #fff;
  padding-right: 0.5rem !important;
  padding-left: 1.5rem !important;
}
.childImg img {
  max-width: 100%;
  hieght: auto;
}
.choose-pup {
  display: none;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  z-index: 100;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0 0.5rem 0.5rem;
}
.choose-pup .choose-con {
  width: 100%;
  background: #ffffff;
  text-align: center;
  border-radius: 4px;
  max-height: 200px;
  overflow-y: auto;
}
.choose-pup .choose-con .choose-item {
  padding: 0.6rem 0;
  line-height: 0.85rem;
  font-size: 0.85rem;
  border-top: 1px solid#ccc;
}
.choose-pup .choose-con .choose-item.first-item {
  border-top: none;
  border-radius: 4px 4px 0 0;
}
.choose-pup .choose-con .choose-item:last-child {
  border-radius: 0 0 4px 4px;
}
.choose-pup .choose-btn {
  background: #FF3333;
  color: #ffffff;
  margin-top: 0.5rem;
  width: 100%;
  text-align: center;
  line-height: 0.85rem;
  font-size: 0.85rem;
  padding: 0.6rem 0;
  border-radius: 4px;
}
.class-card {
  padding: 0.75rem;
  background: #ffffff;
  border-bottom: 0.5rem solid #EFEFF4;
}
.class-card .item-title-row {
  display: flex;
  justify-content: space-between;
}
.class-card .item-after {
  font-size: 0.6rem;
  color: #999999;
}
.class-card .item-content {
  display: flex;
  margin-top: 0.75rem;
  font-size: 0.8rem;
  color: #6d6d72;
}
.class-card .item-content .icon {
  margin-right: 0.5rem;
  color: #02CCCC;
  position: relative;
}
.class-card .item-content div {
  flex: 1;
  display: flex;
  justify-content: center;
}
.class-card .item-content div:first-child {
  border-right: 1px dashed #ccc;
}
.con.talk {
  padding: 0.6rem 0.75rem 4.6rem;
  font-size: 0.6rem;
  display: flex;
  flex-direction: column;
}
.con.talk .item {
  display: flex;
  flex: 1;
  margin: 0.6rem 0;
  justify-content: flex-start;
}
.con.talk .item img {
  border-radius: 50%;
  height: 2.2rem;
  width: 2.2rem;
  margin-right: 0.8rem;
}
.con.talk .item .talk-text {
  border: 1px solid #96a395;
  border-radius: 4px;
  display: flex;
  align-items: center;
  background: #B5F0F0;
  padding: 0.2rem;
  margin-right: 3rem;
  position: relative;
}
.con.talk .item .talk-text:before {
  border-width: 8px 8px 8px 0;
  border-color: transparent #96a395 transparent transparent;
  content: " ";
  width: 0;
  height: 0;
  position: absolute;
  z-index: 12;
  border-style: solid;
  top: 13px;
  left: -9px;
}
.con.talk .item .talk-text:after {
  border-width: 8px 8px 8px 0;
  border-color: transparent #B5F0F0 transparent transparent;
  content: " ";
  width: 0;
  height: 0;
  position: absolute;
  z-index: 12;
  border-style: solid;
  top: 13px;
  left: -8px;
}
.con.talk .item.item-right {
  justify-content: flex-end;
}
.con.talk .item.item-right img {
  order: 2;
  margin-right: 0;
  margin-left: 0.8rem;
}
.con.talk .item.item-right .talk-text {
  order: 1;
  margin-right: 0;
  margin-left: 3rem;
}
.con.talk .item.item-right .talk-text:before {
  border-width: 8px 0 8px 8px;
  border-color: transparent transparent transparent #96a395;
  position: absolute;
  top: 13px;
  left: auto;
  right: -9px;
}
.con.talk .item.item-right .talk-text:after {
  border-width: 8px 0 8px 8px;
  border-color: transparent transparent transparent #B5F0F0;
  position: absolute;
  top: 13px;
  left: auto;
  right: -8px;
}
.talk-bottom {
  background: #ffffff;
  z-index: 20;
  padding: 0.5rem;
  border-top: 1px solid #ccc;
  position: fixed;
  width: 100%;
  bottom: 0;
  display: flex;
  align-items: center;
}
.talk-bottom .say {
  display: flex;
  flex: 1;
  padding: 0 0.5rem;
}
.talk-bottom .say input {
  width: 100%;
  padding: 5px;
  border: none;
  border: 1px solid #00CCFF;
}
.talk-bottom .face,
.talk-bottom .add {
  color: #10CFCF;
}
.talk-bottom .face span,
.talk-bottom .add span {
  font-size: 1.6rem;
}
.train-head > div:first-child .duTitle1,
.train-head > div:first-child .duTitle2 {
  max-height: 9rem;
  overflow-y: auto;
}
.train-head > div:first-child .duTitle2 li {
  position: relative;
}
.train-head > div:first-child .duTitle2 li:before {
  position: absolute;
  content: "";
  left: 0;
  bottom: -1px;
  height: 1px;
  width: 0.5rem;
  background-color: #fff;
}
.train-head > div:first-child > div {
  position: absolute;
  background: #fff;
  width: 300%;
  left: 0;
  z-index: 21;
  top: 31px;
  display: flex;
  flex-direction: column;
}
.train-head > div:first-child > div > div:first-child {
  overflow: hidden;
}
.train-head > div:first-child > div > div:first-child > ul {
  float: left;
  background: #EFEFEF;
  text-align: left;
}
.train-head > div:first-child > div > div:first-child > ul li {
  padding: 0.5em 0.5rem 0.5rem 1rem;
  border-bottom: 1px solid #dedede;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.train-head > div:first-child > div > div:first-child > ul li:first-child {
  border-top: 1px solid #dedede;
}
.train-head > div:first-child > div > div:first-child > ul:first-child {
  width: 40%;
}
.train-head > div:first-child > div > div:first-child > ul:last-child {
  width: 60%;
  background: #fff;
}
.train-head > div:first-child > div > div:last-child {
  width: 100%;
  background: #f8f9f6;
  height: 1.4rem;
  line-height: 1.4rem;
}
.train-head > div:first-child > div > div:last-child:after,
.train-head > div:first-child > div > div:last-child:before {
  background-color: transparent;
}
.train-head .simpleChoose1 > div,
.train-head .simpleChoose2 > div {
  position: absolute;
  background: #fff;
  width: 300%;
  left: -100%;
  z-index: 1;
  top: 31px;
}
.train-head .simpleChoose1 > div > div:first-child > ul,
.train-head .simpleChoose2 > div > div:first-child > ul {
  width: 100%;
  background: #fff;
  text-align: left;
}
.train-head .simpleChoose1 > div > div:first-child > ul li,
.train-head .simpleChoose2 > div > div:first-child > ul li {
  padding: 0.5em 0.5rem 0.5rem 1rem;
  border-bottom: 1px solid #dedede;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.train-head .simpleChoose1 > div > div:first-child > ul li:first-child,
.train-head .simpleChoose2 > div > div:first-child > ul li:first-child {
  border-top: 1px solid #dedede;
}
.train-head .simpleChoose1 > div > div:last-child,
.train-head .simpleChoose2 > div > div:last-child {
  width: 100%;
  background: #f8f9f6;
  height: 1.4rem;
  line-height: 1.4rem;
}
.train-head .simpleChoose1 > div > div:last-child:after,
.train-head .simpleChoose2 > div > div:last-child:after,
.train-head .simpleChoose1 > div > div:last-child:before,
.train-head .simpleChoose2 > div > div:last-child:before {
  background-color: transparent;
}
.train-head .simpleChoose2 > div {
  left: -200%;
}
.train-head .simpleUl1 {
  max-height: 8rem;
  overflow-y: auto;
}
.spinner-container {
  width: 100px;
  height: 126px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.spinner {
  height: 40%;
  width: 26%;
  position: relative;
  margin: 0 auto;
}
.spinner div {
  width: 12%;
  height: 26%;
  background-color: white;
  position: absolute;
  left: 44.5%;
  top: 37%;
  opacity: 0;
  -webkit-border-radius: 30%;
  -webkit-animation: fade 1s linear infinite;
}
.spinner div.bar1 {
  -webkit-transform: rotate(0deg) translate(0, -142%);
  -webkit-animation-delay: 0s;
}
.spinner div.bar2 {
  -webkit-transform: rotate(30deg) translate(0, -142%);
  -webkit-animation-delay: -0.9167s;
}
.spinner div.bar3 {
  -webkit-transform: rotate(60deg) translate(0, -142%);
  -webkit-animation-delay: -0.833s;
}
.spinner div.bar4 {
  -webkit-transform: rotate(90deg) translate(0, -142%);
  -webkit-animation-delay: -0.75s;
}
.spinner div.bar5 {
  -webkit-transform: rotate(120deg) translate(0, -142%);
  -webkit-animation-delay: -0.667s;
}
.spinner div.bar6 {
  -webkit-transform: rotate(150deg) translate(0, -142%);
  -webkit-animation-delay: -0.5833s;
}
.spinner div.bar7 {
  -webkit-transform: rotate(180deg) translate(0, -142%);
  -webkit-animation-delay: -0.5s;
}
.spinner div.bar8 {
  -webkit-transform: rotate(210deg) translate(0, -142%);
  -webkit-animation-delay: -0.41667s;
}
.spinner div.bar9 {
  -webkit-transform: rotate(240deg) translate(0, -142%);
  -webkit-animation-delay: -0.333s;
}
.spinner div.bar10 {
  -webkit-transform: rotate(270deg) translate(0, -142%);
  -webkit-animation-delay: -0.25s;
}
.spinner div.bar11 {
  -webkit-transform: rotate(300deg) translate(0, -142%);
  -webkit-animation-delay: -0.1667s;
}
.spinner div.bar12 {
  -webkit-transform: rotate(330deg) translate(0, -142%);
  -webkit-animation-delay: -0.0833s;
}
@-webkit-keyframes fade {
  from {
    opacity: 1;
  }
  to {
    opacity: 0.25;
  }
}
.list-job {
  margin: .55rem 0;
}
.list-job .item-content .item-pb-0 {
  padding-bottom: 0;
}
.list-job ul {
  margin: .45rem 0;
}
.list-job ul li > a:link,
.list-job ul li > a:visited,
.list-job ul li > a:hover,
.list-job ul li > a:active {
  color: #6d6d72 !important;
}
.list-job ul .item-media img {
  width: 3rem;
}
.item-foot {
  position: relative;
  font-size: .6rem;
  bottom: 5px;
  right: 5px;
  text-align: right;
}
.item-foot .iconfont {
  position: relative;
  bottom: 1px;
  font-size: .6rem;
}
.train-card {
  font-size: 0.7rem;
  display: flex;
  flex-wrap: wrap;
}
.train-card .c-time-green {
  color: #4bb93f;
}
.train-card .item {
  width: 50%;
  padding-bottom: 0.5rem;
}
.train-card .item:nth-child(2n+1) {
  padding-right: 0.25rem;
}
.train-card .item:nth-child(2n) {
  padding-left: 0.25rem;
}
.train-card .item .img-wrap {
  width: 100%;
  height: 4rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.train-card .item .img-wrap img {
  max-width: 100%;
  max-height: 100%;
}
.train-card .px-img {
  width: 100%;
  height: 4rem;
}
.train-card .p-5 {
  padding: 0 .25rem;
}
.train-card p {
  margin-top: 0.2rem;
}
.train-card .justfy {
  display: flex;
  justify-content: space-between;
  font-size: 0.6rem;
}
.train-card .justfy .icon {
  font-size: 12px;
  position: relative;
  margin-right: 3px;
}
.train-card .iconfont.icon {
  position: relative;
}
.botm-btn {
  background-color: white;
  position: fixed;
  z-index: 16;
  bottom: 0;
  width: 100%;
  border-top: 1px solid #e7e7e7;
}
.class-mates .class-talk-title {
  border-bottom: 16px solid #e7e7e7;
}
.class-mates .class-talk-title a {
  padding: 0.5rem 0 0.5rem 0.5rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  border-bottom: 1px solid #ccc;
}
.class-mates .class-talk-title img {
  border-radius: 50%;
  height: 2.2rem;
  width: 2.2rem;
  margin-right: 0.8rem;
}
.class-mates .self-talk-title {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  color: #6d6d72;
}
.class-mates .self-talk-title .item {
  padding: 0 0 0 0.5rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.class-mates .self-talk-title .item img {
  border-radius: 50%;
  height: 2.2rem;
  width: 2.2rem;
  margin-right: 0.8rem;
  display: block;
}
.class-mates .self-talk-title .item p {
  flex: 1;
  border-top: 1px solid #e7e7e7;
  line-height: 3rem;
  min-height: 3rem;
}
.class-mates .self-talk-title .item:first-child p {
  border-top-color: transparent;
}
.class-table .title1 {
  text-transform: none;
  margin: 1rem 0 0.2rem 0;
}
.class-table .title2 {
  margin-left: 0;
  margin-right: 0;
  font-size: 0.7rem;
  margin-bottom: 0.5rem;
}
.class-table .con {
  border-bottom: 1px dashed #ccc;
  display: flex;
  padding-top: 1rem;
  padding-bottom: 0.5rem;
}
.class-table .con.first-con {
  border-top: 1px dashed #ccc;
}
.class-table .date {
  margin: 0 0.5rem 0 0;
}
.class-table .time-address {
  flex: 1;
  flex-wrap: wrap;
  display: flex;
}
.class-table .time-address .item {
  width: 50%;
}
.class-table .time-address .item:nth-child(2n+1) {
  padding-right: 0.5rem;
  margin-bottom: 0.5rem;
}
.class-table .time-address .item .item-real {
  text-align: center;
  background: #999999;
  border-radius: 4px;
  width: 100%;
  padding: 0.3rem;
}
.class-table .time-address .item .item-real p {
  font-size: 0.7rem;
  line-height: 0.7rem;
}
.class-table .time-address .item .item-real p:last-child {
  margin-top: 0.3rem;
}
.class-talk .con {
  padding: 0.6rem 0.75rem;
  font-size: 0.6rem;
  display: flex;
  flex-direction: column;
}
.class-talk .con .item {
  display: flex;
  flex: 1;
  margin: 0.6rem 0;
  justify-content: flex-start;
}
.class-talk .con .item img {
  border-radius: 50%;
  height: 2.2rem;
  width: 2.2rem;
  margin-right: 0.8rem;
}
.class-talk .con .item .talk-text {
  border: 1px solid #96a395;
  border-radius: 4px;
  display: flex;
  align-items: center;
  background: #B5F0F0;
  padding: 0.2rem;
  margin-right: 3rem;
  position: relative;
}
.class-talk .con .item .talk-text:before {
  border-width: 8px 8px 8px 0;
  border-color: transparent #96a395 transparent transparent;
  content: " ";
  width: 0;
  height: 0;
  position: absolute;
  z-index: 12;
  border-style: solid;
  top: 13px;
  left: -9px;
}
.class-talk .con .item .talk-text:after {
  border-width: 8px 8px 8px 0;
  border-color: transparent #B5F0F0 transparent transparent;
  content: " ";
  width: 0;
  height: 0;
  position: absolute;
  z-index: 12;
  border-style: solid;
  top: 13px;
  left: -8px;
}
.class-talk .con .item.item-right {
  justify-content: flex-end;
}
.class-talk .con .item.item-right img {
  order: 2;
  margin-right: 0;
  margin-left: 0.8rem;
}
.class-talk .con .item.item-right .talk-text {
  order: 1;
  margin-right: 0;
  margin-left: 3rem;
}
.class-talk .con .item.item-right .talk-text:before {
  border-width: 8px 0 8px 8px;
  border-color: transparent transparent transparent #96a395;
  position: absolute;
  top: 13px;
  left: auto;
  right: -9px;
}
.class-talk .con .item.item-right .talk-text:after {
  border-width: 8px 0 8px 8px;
  border-color: transparent transparent transparent #B5F0F0;
  position: absolute;
  top: 13px;
  left: auto;
  right: -8px;
}
.home-swiper {
  overflow: visible;
  z-index: 23;
  height: 8rem;
}
.home-swiper .swiper-pagination {
  bottom: -22px;
  z-index: 23;
}
.home-swiper .swiper-slide img {
  height: 100%;
}
.job-swiper {
  top: 2.2rem;
  z-index: 20;
  background-color: #fff;
  height: 7rem;
}
.job-swiper .swiper-slide img {
  height: 100%;
}
.job-swiper .swiper-pagination {
  bottom: 0px;
}
.index-title {
  position: fixed;
  overflow: hidden;
  margin: 0;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: .7rem;
  text-transform: uppercase;
  height: 3rem;
  line-height: 2.2rem;
  color: #6d6d72;
  width: 100%;
  padding-left: 0.5rem;
  padding-top: 18px;
  border-bottom: 1px solid #e7e7e7;
  z-index: 20;
  top: 9.775rem;
}
#tab1 {
  padding-top: 2.2rem;
}
#tab1 .content.pull-to-refresh-content {
  top: 10.54rem;
  bottom: 1.2rem;
}
#tab1 #zixun-ul .item-inner {
  padding-right: 0.75rem;
}
#tab1 #zixun-ul .item-title {
  font-size: 0.75rem;
}
#tab1 #zixun-ul .item-subtitle {
  font-size: 0.6rem;
}
#tab2 .content.pull-to-refresh-content {
  top: 2.5rem;
  bottom: 2.5rem;
}
#tab3 .content.pull-to-refresh-content {
  top: 7rem;
  bottom: 2.5rem;
}
.leave-detail .leave-head {
  background: #ffffff;
  padding: 0.5rem;
  width: 100%;
}
.leave-detail .leave-head .head-con {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #ccc;
  padding-bottom: 0.5rem;
}
.leave-detail .leave-head .head-con .head-left {
  display: flex;
  align-items: center;
}
.leave-detail .leave-head .head-con .head-left .circle {
  height: 2.2rem;
  width: 2.2rem;
  background: #FFCC99;
  border-radius: 50%;
  text-align: center;
  font-size: 0.7rem;
  line-height: 2.2rem;
  margin-right: 0.4rem;
}
.leave-detail .leave-head .head-con .head-left .head-info p:last-child {
  color: #6d6d72;
  font-size: 0.6rem;
}
.leave-detail .leave-head .head-con .head-right {
  padding: 0.2em 0.4rem 0.1rem;
  background: #33FFCC;
  border-radius: 4px;
}
.leave-detail .leave-info {
  background: #ffffff;
  padding: 0 0.5rem 0.5rem;
}
.leave-detail .leave-info table {
  font-size: 0.7rem;
  text-align: left;
}
.leave-detail .leave-info table td {
  padding: 0.1rem;
}
.leave-detail .leave-time {
  padding: 1rem 1.2rem;
  position: relative;
}
.leave-detail .leave-time:before {
  position: absolute;
  content: '';
  width: 1px;
  height: 100%;
  background: #a2a2a2;
  z-index: 1;
  left: 37px;
  top: 0;
}
.leave-detail .leave-time .item-time {
  display: flex;
  align-items: center;
  font-size: 0.7rem;
  margin-top: 1rem;
  position: relative;
  z-index: 2;
}
.leave-detail .leave-time .item-time:first-child {
  margin-top: 0;
}
.leave-detail .leave-time .item-time.bright .item-left {
  border-color: #33cc33;
}
.leave-detail .leave-time .item-time.bright .item-left .icon {
  color: #33cc33;
}
.leave-detail .leave-time .item-right {
  display: flex;
  flex-direction: column;
  border: 1px solid #a2a2a2;
  padding: 0.5rem;
  flex: 1;
  border-radius: 6px;
  background: #ffffff;
  margin-left: 0.7rem;
  position: relative;
}
.leave-detail .leave-time .item-right:before {
  border-width: 8px 8px 8px 0;
  border-color: transparent #a2a2a2 transparent transparent;
  content: " ";
  width: 0;
  height: 0;
  position: absolute;
  z-index: 12;
  border-style: solid;
  top: 50%;
  margin-top: -8px;
  left: -9px;
}
.leave-detail .leave-time .item-right:after {
  border-width: 8px 8px 8px 0;
  border-color: transparent #fff transparent transparent;
  content: " ";
  width: 0;
  height: 0;
  position: absolute;
  z-index: 12;
  border-style: solid;
  margin-top: -8px;
  top: 50%;
  left: -8px;
}
.leave-detail .leave-time .item-top {
  display: flex;
  align-items: center;
}
.leave-detail .leave-time .item-top .name {
  width: 1.9rem;
  height: 1.9rem;
  background: #FFCC99;
  border-radius: 50%;
  text-align: center;
  line-height: 1.9rem;
  margin-right: 0.5rem;
}
.leave-detail .leave-time .item-top .name-info p:last-child {
  font-size: 0.6rem;
}
.leave-detail .leave-time .item-date {
  font-size: 0.5rem;
  align-self: flex-end;
}
.leave-detail .leave-time .item-left {
  text-align: center;
  width: 1.3rem;
  height: 1.3rem;
  background: #fff;
  border-radius: 50%;
  border: 1px solid #a2a2a2;
}
.leave-detail .leave-time .item-left .icon {
  color: #a2a2a2;
}
.my-center .my-center-header {
  background: url("../images/bgportrait7.jpg") no-repeat center 50%;
  background-size: 100% 100%;
  width: 100%;
  height: 10rem;
  position: fixed;
  top: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.my-center .my-center-header img {
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
  margin: 0 auto 0.5rem;
  background: rgba(255, 255, 255, 0.5);
  border: 2px solid #f7f7f7;
}
.my-center .center-list-con {
  margin-top: 10rem;
  margin-bottom: 2.5rem;
}
.my-list-block {
  margin-top: 1.75rem;
  color: #6d6d72;
  background-color: #fff;
  font-size: 0.85rem;
}
.my-list-block:last-child {
  margin-bottom: 1.75rem;
}
.my-list-block li {
  display: flex;
  align-items: center;
  padding: 0 2rem;
  min-height: 41px;
  border-bottom: 1px solid #e7e7e7;
}
.my-list-block li:first-child {
  border-top: 1px solid #e7e7e7;
}
.my-list-block li span {
  position: relative;
  top: 0px;
  font-size: 16px;
}
.my-list-block .bg1 {
  background: url('../iconfont/wujiaoxin.png') no-repeat 0.75rem center;
  background-size: 16px 16px;
}
.my-list-block .bg2 {
  background: url('../iconfont/jianli.png') no-repeat 0.75rem center;
  background-size: 16px 16px;
}
.my-list-block .bg3 {
  background: url('../iconfont/jilu.png') no-repeat 0.75rem center;
  background-size: 16px 16px;
}
.my-list-block .bg4 {
  background: url('../iconfont/banji.png') no-repeat 0.75rem center;
  background-size: 16px 16px;
}
.my-list-block .bg5 {
  background: url('../iconfont/kaoqin.png') no-repeat 0.75rem center;
  background-size: 16px 16px;
}
.my-list-block .bg6 {
  background: url('../iconfont/qingjia.png') no-repeat 0.75rem center;
  background-size: 16px 16px;
}
.my-list-block .bg7 {
  background: url('../iconfont/chakan.png') no-repeat 0.75rem center;
  background-size: 16px 16px;
}
.my-list-block .bg8 {
  background: url('../iconfont/shezhi.png') no-repeat 0.75rem center;
  background-size: 16px 16px;
}
.my-list-block .bg9 {
  background: url('../iconfont/mima.png') no-repeat 0.75rem center;
  background-size: 16px 16px;
}
.my-list-block .bg10 {
  background: url('../iconfont/edit.png') no-repeat 0.75rem center;
  background-size: 16px 16px;
}
.my-list-block .bg11 {
  background: url('../iconfont/tuichu.png') no-repeat 0.75rem center;
  background-size: 16px 16px;
}
.my-list-block .bg12 {
  background: url('../iconfont/guangyu.png') no-repeat 0.75rem center;
  background-size: 16px 16px;
}
.my-list-block .bg13 {
  background: url('../iconfont/gangwei.png') no-repeat 0.75rem center;
  background-size: 16px 16px;
}
.my-list-block .bg14 {
  background: url('../iconfont/zuoye.png') no-repeat 0.75rem center;
  background-size: 16px 16px;
}
.my-list-block .bg15 {
  background: url('../iconfont/xuanke.png') no-repeat 0.75rem center;
  background-size: 16px 16px;
}
.my-list-block .bg16 {
  background: url('../iconfont/selfinfo.png') no-repeat 0.75rem center;
  background-size: 16px 16px;
}
.my-checking-in-detail {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.my-checking-in-detail .check-head {
  display: flex;
  justify-content: space-between;
  padding: 0.5rem;
  align-items: center;
  border-bottom: 1px solid #ccc;
}
.my-checking-in-detail .check-head .item-left {
  display: flex;
  align-items: center;
}
.my-checking-in-detail .check-head .item-left img {
  width: 2.2rem;
  height: 2.2rem;
  border-radius: 50%;
  display: block;
  margin-right: 0.5rem;
}
.my-checking-in-detail .check-head .item-right {
  text-decoration: underline !important;
}
.my-checking-in-detail .text-info {
  padding: 0.5rem;
  font-size: 0.7rem;
  position: absolute;
  top: 1rem;
  left: 0;
  width: 100%;
  text-align: center;
}
.my-checking-in-detail .punch-card-con {
  position: relative;
  background: #D9F8F8;
  height: 12rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 1;
}
.my-checking-in-detail .punch-card-con .punch-card {
  width: 6rem;
  height: 6rem;
  background: #00CCCC;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  color: #ffffff;
  border: 3px solid #BDD5D8;
}
.my-focus {
  padding: 1rem 0.5rem 0;
}
.my-focus .job ul:before,
.my-focus .job ul:after {
  background: transparent;
}
.my-focus .buttons-row .button {
  border-color: #00CCCC;
  color: #3d4145;
  display: block;
}
.my-focus .buttons-row .button.active {
  background: #00CCCC;
  color: #ffffff;
}
.my-grade {
  padding: 0.5rem;
}
.my-grade .item {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #ccc;
  padding: 0.5rem 0;
  align-items: center;
}
.my-grade .item .item-mid {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.my-grade .item .item-left {
  padding: 0.6rem;
}
.my-grade .item .item-left .icon {
  font-size: 1rem;
}
.my-grade .item .item-right {
  height: 2.5rem;
  width: 2.5rem;
  border-radius: 50%;
  font-size: 0.7rem;
  border: 1px dotted #FF0033;
  color: #FF0033;
  text-align: center;
  line-height: 2.5rem;
}
.my-leave > .head-no-toolbar a {
  display: block;
  flex: 1;
  text-align: right;
  padding-right: 0.5rem;
  color: #fff;
}
.my-leave .my-leave-con {
  margin-top: 0.5rem;
  padding: 0 0.5rem;
  background: #fff;
}
.my-leave .item {
  display: flex;
  align-items: center;
  padding: 0.5rem 0;
  border-bottom: 1px solid #e7e7e7;
}
.my-leave .item:first-child {
  border-top: none;
}
.my-leave .item-left .icon {
  font-size: 1.2rem !important;
  color: #666666;
  margin-right: 0.5rem;
}
.my-leave .item-right {
  flex: 1;
}
.my-leave .item-right .top {
  display: flex;
  justify-content: space-between;
}
.my-leave .item-right .item-title {
  color: #3d4145;
  font-weight: normal;
}
.p-t {
  padding-top: 0.4rem;
}
.news-paragraph {
  text-indent: 1.6rem;
  font-size: 0.8rem;
  margin-bottom: 0.8rem;
  margin-top: 0.8rem;
  text-align: left;
}
.news-detail-title {
  font-size: 1rem;
  font-weight: 500;
  margin: 1.2rem .5rem 0;
  text-align: center;
}
.news-detail-time {
  text-align: center;
  margin: 0;
  font-weight: 400;
}
#news-detail img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
}
.my-resume .content-block {
  margin-top: 0.75rem;
}
.my-resume table {
  background-color: #fff;
  width: 100%;
}
.my-resume table tr {
  border-bottom: 1px solid #e7e7e7;
}
.my-resume table tr:first-child td {
  padding-top: 1rem;
}
.my-resume table td {
  padding: 0.45rem 0 0.45rem 0;
}
.my-resume table td:nth-child(2n+1) {
  width: 40%;
  padding-left: 1rem;
  position: relative;
}
.my-resume table td:nth-child(2n+1):after {
  content: "";
  position: absolute;
  height: 1px;
  width: 1rem;
  background: #fff;
  bottom: -1px;
  left: 0;
}
.my-resume table select {
  padding-left: 0;
  height: auto;
}
.my-resume table textarea {
  padding: 0;
  font-size: 0.7rem;
}
.my-resume table .wordWrap {
  position: absolute;
  bottom: 3px;
  right: 6px;
  font-size: 0.5rem;
}
.my-resume table .wordWrap .word {
  color: red;
}
.location .searchbar {
  padding: 8px 0.5rem;
}
.location .list-block .item-content {
  padding-left: 0;
}
.location .list-block .item-inner {
  padding-left: 0.5rem;
}
.location .list-block {
  margin: 0;
}
.location .provinceTitle {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  width: 100%;
  display: flex;
  align-items: center;
  min-height: 2.2rem;
  overflow: hidden;
  box-sizing: border-box;
  background: #f9f9f9;
  justify-content: space-between;
}
.location .list-block .list-group {
  margin-top: 0.5rem;
}
.location .allResult .list-block .list-group > ul {
  display: none;
}
.location .allResult .list-block .list-group:first-child > ul {
  display: block;
}
.aboutBMS .aboutBMS-item {
  background: #fff;
  margin-top: 1rem;
  text-align: left;
}
.aboutBMS .aboutBMS-item img {
  max-width: 100%;
  height: auto;
}
.aboutBMS .aboutBMS-item .aboutBMStitle {
  font-size: 0.85rem;
  font-weight: bold;
  border-radius: 6px;
  padding: 0.5rem;
  border-bottom: 1px solid #eee;
}
.aboutBMS .aboutBMS-item .aboutBMStext-con {
  padding: 0.5rem;
  font-size: 0.75rem;
  color: #6d6d72;
}
.aboutBMS .aboutBMS-item .aboutBMStext-con p {
  margin-bottom: 0.2rem;
}
.aboutBMS .aboutBMS-item .aboutBMStext-con p:last-child {
  margin-bottom: 0;
}
.aboutBMS .aboutBMS-item .aboutBMStext-con .p-con {
  text-indent: 1.4rem;
}
.my-homework-detail .list-block ul:before {
  background-color: transparent;
}
.my-homework-detail .tips {
  color: #b1b1b1;
  position: relative;
  top: -1px;
}
.add-homework .content-block {
  margin-top: 0.75rem;
  padding: 0;
  margin-bottom: 0;
}
.add-homework .list-block {
  padding: 0;
  margin: 0;
}
.add-homework .area-title {
  margin-bottom: 4px;
  padding-left: 10px;
  line-height: 0.85rem;
  position: relative;
}
.add-homework .area-title:before {
  position: absolute;
  content: "";
  width: 4px;
  height: 100%;
  background-color: #0894EC;
  left: 0;
  top: -1px;
}
.add-homework .wordWrap {
  position: absolute;
  bottom: 0;
  right: 0.5rem;
  font-size: 0.5rem;
}
.add-homework .wordWrap .word {
  color: red;
}
.add-homework textarea {
  padding: 0;
  font-size: 0.7rem;
  height: auto;
  overflow-y: visible;
  margin-bottom: 5px;
}
.add-homework table {
  background: #ffffff;
  width: 100%;
  min-height: 10rem;
}
.add-homework table .t-top {
  vertical-align: top;
}
.add-homework table tr {
  border-bottom: 1px solid #e7e7e7;
}
.add-homework table tr:last-child {
  border-bottom-color: #fff;
}
.add-homework table td {
  padding: 0.5rem;
}
.add-homework table td:first-child {
  width: 30%;
}
.add-homework table tr:first-child td:first-child {
  position: relative;
}
.add-homework table tr:last-child td {
  padding: 0.5rem 0 0 0.5rem;
  height: auto;
}
.add-homework .row {
  display: flex;
  justify-content: center;
}
.add-img-td {
  vertical-align: top;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.add-img-td .wrap {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.add-img-td .item-img {
  width: 25%;
  display: flex;
  align-items: center;
  overflow: hidden;
  padding-right: 0.5rem;
  padding-bottom: 0.5rem;
}
.add-img-td .item-img .img-wrap {
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #e7e7e7;
  position: relative;
}
.add-img-td .item-img .img-wrap .img-close {
  position: absolute;
  width: 1.2rem;
  height: 1.2rem;
  border-radius: 50%;
  border: 1px solid #e7e7e7;
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 0;
  right: 0;
}
.add-img-td .item-img .img-wrap .img-close .icon {
  font-size: 0.6rem !important;
  color: #ec9d9d;
}
.add-img-td .item-img img {
  width: 100%;
  max-height: 100%;
}
.add-img-td .item-img.add-img .img-wrap {
  font-size: 0.5rem;
}
.add-img-td .item-img.add-img .img-wrap .left {
  float: left;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 50%;
  height: 100%;
  background-color: #EFEFF4;
  overflow: hidden;
}
.add-img-td .item-img.add-img .img-wrap .right {
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  float: left;
  width: 50%;
  height: 100%;
  flex-direction: column;
}
.my-homework .class-table .title1 {
  height: 1rem;
  display: flex;
  justify-content: space-between;
}
.my-homework .picker-modal .toolbar-inner {
  justify-content: space-around;
}
.my-homework .class-table .time-address .item {
  padding-right: 0;
  width: 100%;
}
.my-homework .class-table .time-address .item .item-real {
  margin-top: 0.5rem;
}
.my-homework .class-table .time-address .item .item-real:first-child {
  margin-top: 0;
}
.my-homework .class-table .time-address .item .item-real table {
  width: 100%;
  font-size: 0.7rem;
}
.my-homework .class-table .time-address .item .item-real table tr:first-child {
  border-bottom: 1px dashed #ccc;
}
.my-homework .class-table .time-address .item .item-real table tr:nth-child(2) td {
  padding-top: 10px;
}
.my-homework .class-table .time-address .item .item-real table td {
  width: 50%;
  padding: 0.2rem;
}
.my-homework .class-table .time-address .item .item-real table .button {
  color: #ffffff;
  border-radius: 0;
  border: 1px solid #ccc;
}
.my-homework input {
  width: 4rem;
  font-size: 0.6rem;
  border: none;
  background: #f1f1f1 url('../iconfont/down.png') no-repeat 93% 50%;
  background-size: 0.3rem 0.2rem;
  border-radius: 4px;
  padding: 0.2rem;
}
.my-homework input span {
  position: absolute;
  right: 0;
  color: #0894ec;
  top: 0px;
}
.my-homework .homeDetail .icon {
  position: relative;
  font-size: 0.7rem;
  margin-right: 5px;
}
.my-homework .showUpState img {
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
}
.my-kaoqin .picker-modal {
  height: 15rem;
}
.my-kaoqin .picker-calendar-day.picker-calendar-day-selected span {
  background: #fff;
  color: #3D4145;
}
.my-kaoqin .picker-calendar-day.picker-calendar-day-prev.picker-calendar-day-selected span,
.my-kaoqin .picker-calendar-day.picker-calendar-day-next.picker-calendar-day-selected span {
  background: #fff;
  color: #ccc;
}
.my-kaoqin .picker-modal .toolbar-inner {
  height: 2.8rem;
  align-items: flex-end;
  justify-content: space-around;
}
.my-kaoqin #colorIntro {
  font-size: 0.6rem;
  position: absolute;
  top: 3px;
  display: flex;
  width: 100%;
  justify-content: center;
}
.my-kaoqin #colorIntro span {
  height: 0.6rem;
  width: 0.6rem;
  border-radius: 50%;
  display: block;
  margin-right: 0.2rem;
}
.my-kaoqin #colorIntro div:nth-child(2) {
  display: flex;
  align-items: center;
  margin-right: 0.2rem;
}
.my-kaoqin #colorIntro div:nth-child(2) span {
  background-color: #94F193;
}
.my-kaoqin #colorIntro div:nth-child(3) {
  display: flex;
  align-items: center;
  margin-right: 0.2rem;
}
.my-kaoqin #colorIntro div:nth-child(3) span {
  background-color: #F19393;
}
.my-kaoqin-con {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.my-kaoqin-con .t-right {
  text-align: right;
}
.my-kaoqin-con .t-table-title {
  font-size: 0.7rem;
}
.my-kaoqin-con .check-head {
  display: flex;
  justify-content: space-between;
  padding: 0.5rem;
  align-items: center;
  border-bottom: 1px solid #e7e7e7;
}
.my-kaoqin-con .check-head .item-left {
  display: flex;
  align-items: center;
}
.my-kaoqin-con .check-head .item-left img {
  width: 2.2rem;
  height: 2.2rem;
  border-radius: 50%;
  display: block;
  margin-right: 0.5rem;
}
.my-kaoqin-con .check-head .item-right {
  text-decoration: underline !important;
}
.my-kaoqin-con .kaoqin-con {
  flex: 1;
}
.my-kaoqin-con .kaoqin-con .table-wrap {
  padding: 0.5rem;
}
.my-kaoqin-con .kaoqin-con .title-left {
  float: left;
}
.my-kaoqin-con .kaoqin-con .title-right {
  float: right;
  width: 5rem;
  position: relative;
}
.my-kaoqin-con .kaoqin-con .title-right input {
  width: 100%;
  border: none;
  border-radius: 2px;
  background: #efeff4 url('../iconfont/down.png') no-repeat 93% 50%;
  background-size: 0.3rem 0.2rem;
  padding: 3px;
  font-size: 0.7rem;
}
.my-kaoqin-con .kaoqin-con table {
  width: 100%;
  font-size: 0.65rem;
}
.my-kaoqin-con .kaoqin-con table td {
  width: 25%;
  padding: 0.1rem 0;
}
.my-kaoqin-con .kaoqin-con table td:nth-child(2n+1) span {
  position: relative;
  padding-left: 0.5rem;
}
.my-kaoqin-con .kaoqin-con table td:nth-child(2n+1) span:before {
  position: absolute;
  content: "";
  left: 0;
  top: 2px;
  height: 70%;
  width: 4px;
  background: #F7B55E;
}
.my-kaoqin-con .kaoqin-con table td:nth-child(2n+1).tip-line-bg > span:before {
  background: #5E97F6;
}
.my-kaoqin-con .text-info {
  padding: 0.5rem;
  font-size: 0.7rem;
  position: absolute;
  top: 1rem;
  left: 0;
  width: 100%;
  text-align: center;
}
.my-choose-class {
  padding: 0.5rem;
}
.my-choose-class .item-con + .item-con {
  padding-top: 0.5rem;
}
.my-choose-class .head {
  height: 1.6rem;
  background-color: #a9a9a9;
  display: flex;
  align-items: center;
  color: #fff;
  padding-left: 0.5rem;
}
.my-choose-class .con {
  display: flex;
  flex-wrap: wrap;
  background: #ffffff;
}
.my-choose-class .con .item {
  width: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 4rem;
  padding: 0.2rem;
  text-align: center;
  position: relative;
  overflow: hidden;
}
.my-choose-class .con .item.choosed {
  color: #f75d5d;
}
.my-choose-class .con .item.choosed:before {
  position: absolute;
  font-weight: bold;
  content: "已选";
  color: #ffffff;
  font-size: 12px;
  bottom: 1px;
  left: 1px;
  z-index: 1;
}
.my-choose-class .con .item.choosed:after {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  background-color: #f75d5d;
  width: 28px;
  height: 20px;
}
.my-choose-class .con .item:nth-child(2n+1) {
  border-right: 1px solid #ccc;
  border-top: 1px solid #ccc;
}
.my-choose-class .con .item:nth-child(2n) {
  border-top: 1px solid #ccc;
}
.career-panel {
  margin: .5rem 0;
  padding: .5rem 0 .5rem .5rem;
}
.career-panel .list-block {
  margin: 0;
}
.career-panel .list-block .item-inner .item-subtitle {
  overflow: auto;
  white-space: normal;
}
.career-panel .col-40.t-right {
  font-size: .7rem;
}
.career-panel .row.c-gray .col-60 {
  font-size: .7rem;
}
.career-panel .row {
  margin-bottom: .5rem;
  padding-right: .5rem;
}
.benefit-panel {
  display: flex;
  flex-wrap: wrap;
  margin-top: .5rem;
  font-size: .7rem;
}
.benefit-panel .item1 {
  width: 33.3333333333%;
  padding-right: .5rem;
  padding-bottom: .5rem;
  background: #fff;
}
.benefit-panel .item1 div {
  padding: .5rem;
}
.job-descript {
  padding: 0 .5rem 3rem;
}
.job-descript .c-gray {
  padding-top: .2rem;
  font-size: .7rem;
}
.job-descript .attention {
  font-size: .7rem;
  margin-top: 1rem;
}
.botm-btn.deliver-btn {
  height: 2.5rem;
}
.botm-btn.deliver-btn .left {
  float: left;
  width: 75%;
  background-color: #FFA800;
  line-height: 2rem;
  margin: .2rem;
}
.botm-btn.deliver-btn .right {
  width: 20%;
  float: right;
  margin: .2rem;
}
.botm-btn.deliver-btn .right-btn {
  float: right;
  width: 2.5rem;
  line-height: 2rem;
}
.botm-btn.deliver-btn .right-btn .icon.iconfont {
  font-size: 1.5rem;
}
.f-bold {
  font-weight: bold;
}
.company {
  padding: 0 .55rem;
}
.company #first-ul .item-inner {
  margin-left: .5rem;
}
.company #first-ul .item-subtitle {
  overflow: auto;
  white-space: normal;
}
.company #first-ul .item-media .icon {
  position: relative;
  top: 1px;
}
.company .company-detail,
.company .company-intr {
  font-size: .7rem;
}
.company .company-detail .row.no-gutter .col-20 {
  width: 16%;
}
.company .company-detail .row.no-gutter .col-80 {
  padding-left: 0;
  margin-left: 0;
  width: 84%;
}
.company .company-intr {
  padding-top: .75rem;
}
.company .company-intr:last-child {
  padding-bottom: .5rem;
}
.company .f-little {
  font-size: .6rem;
}
.company .company-img img {
  display: block;
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  margin: 0 auto .5rem;
}
.border-b {
  padding: .45rem 0;
  border-bottom: 1px solid #e7e7e7;
}
.list-block.media-list.list-m-0 {
  margin: 0;
}
.list-block.media-list.list-m-0 .career-detail:link,
.list-block.media-list.list-m-0 .career-detail:visited,
.list-block.media-list.list-m-0 .career-detail:hover,
.list-block.media-list.list-m-0 .career-detail:active {
  color: #6d6d72;
}
.item-link.item-content.comitem-p-0 {
  padding-left: 0;
}
.company.company-panel {
  margin: .2rem 0;
}
.company-job {
  padding: .45rem .55rem;
}
.item-after.c-red {
  color: red;
}
.botm-btn.attent-btn {
  z-index: 16;
  padding: .5rem;
  background-color: #3BC3F5;
}
.iconfont.icon.employ-icon {
  position: relative;
  bottom: .05rem;
  margin-right: .15rem;
}
.company .list-block ul:before {
  height: 0;
}
#first-ul:after {
  height: 0;
}
.list-block .item-link .item-inner {
  background-image: none;
}
.list-block .item-inner {
  padding-right: 0;
}
.list-block .item-inner .item-after {
  font-size: .75rem;
}
.company .list-block:last-child {
  padding-bottom: .5rem;
}
.course .buttons-tab,
.course .content-block {
  z-index: 1;
}
.course .swiper-container .kc-img {
  width: 100%;
  height: 6rem;
}
.course .kc-return {
  position: absolute;
  top: 5px;
  left: 10px;
  z-index: 1;
}
.course .kc-return .iconfont {
  padding-right: 1.5rem;
  padding-bottom: 1rem;
}
.course .swiper-pagination.top-5r {
  position: absolute;
  top: 5rem;
}
.course .swiper-pagination {
  padding-top: 14px;
}
.course .teacher {
  font-size: .8rem;
}
.course .teacher p {
  padding: .3rem 0;
}
.course .course-panel {
  margin: .65rem 0;
}
.course .course-panel .course-tab {
  font-size: .7rem;
  margin-bottom: 4rem;
  padding: 0;
}
.course .course-panel #tab2 ol {
  margin: 0;
  padding: 0 .7rem;
}
.course .course-panel #tab2 ol li {
  padding: .05rem 0;
  list-style-type: decimal;
}
.course .course-panel #tab2 ol p {
  padding: .2rem 0;
}
.course .course-panel #tab2 div {
  margin-bottom: .5rem;
}
.course .course-panel #tab2 div p {
  font-size: .8rem;
}
.course .course-panel #tab2 div .course-det {
  font-size: .7rem;
}
.course .course-panel #tab3 .tech-intr {
  font-size: .7rem;
}
.course .course-panel #tab1 .course-time {
  padding: 0;
  position: relative;
}
.course .course-panel #tab1 .course-time:before {
  position: absolute;
  content: '';
  width: 1px;
  height: 100%;
  background: #1bd1a4;
  z-index: 1;
  left: 10px;
  top: 10px;
}
.course .course-panel #tab1 .course-time .item-time {
  display: flex;
  align-items: center;
  font-size: 0.7rem;
  margin-top: .5rem;
  position: relative;
  z-index: 2;
}
.course .course-panel #tab1 .course-time .item-right {
  display: flex;
  flex-direction: column;
  flex: 1;
  background: #ffffff;
  margin-left: 2em;
  position: relative;
}
.course .course-panel #tab1 .course-time .item-right ol li {
  padding: .05rem 0;
  list-style-type: decimal;
}
.course .course-panel #tab1 .course-time .item-left {
  text-align: center;
  position: absolute;
  width: 1rem;
  height: 1rem;
  background: #fff;
  border-radius: 50%;
  border: 1px solid #1bd1a4;
}
.course .course-panel #tab1 .course-time .item-left span {
  line-height: 1rem;
  color: #1bd1a4;
}
.course .botm-btn.botm-height {
  height: 3rem;
  background-color: white;
}
.course .botm-btn .btn1 {
  border-left: 1px solid #e7e7e7;
}
.course .botm-btn .btn3 {
  font-size: .75rem;
  float: right;
  width: 30%;
  line-height: 3rem;
  background-color: #41BEFE;
  color: white;
}
.course .botm-btn .btn1 {
  padding: .3rem .2rem .5rem.2rem;
}
.course .botm-btn .left {
  float: left;
  width: 25%;
  font-size: .75rem;
  display: inline-block;
}
.course .botm-btn .middle {
  float: left;
  padding-right: 3rem;
  width: 45%;
  font-size: .75rem;
  display: inline-block;
}
.list-job .item-content {
  min-height: 4rem;
  padding-right: 0.75rem;
  border-bottom: 1px solid #f5f5f5;
}
.list-job .item-title {
  font-size: 0.8rem;
  color: #3d4145;
}
.list-job .item-subtitle {
  font-size: 0.6rem;
}
.list-job .item-media {
  padding: 0 !important;
}
.list-job .item-inner {
  padding-top: 0 !important;
  display: flex !important;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
.list-job .item-foot {
  font-size: .5rem;
  bottom: 0;
  right: 0;
  text-align: right;
  padding: 0.2rem 0;
  margin-right: 0.75rem;
}
.list-job .item-foot > span {
  margin-right: 0.5rem;
}
.train-head {
  background: #fff;
  font-size: .7rem;
  padding: .5rem 0;
  display: flex;
  position: fixed;
  margin-bottom: .5rem;
  width: 100%;
  z-index: 50;
  top: 2.2rem;
}
.train-head div {
  flex: 1;
  position: relative;
}
.train-head div:nth-child(2):before {
  position: absolute;
  content: '';
  width: 1px;
  height: 60%;
  background: #ccc;
  left: 0;
  top: 4px;
}
.train-head div:nth-child(2):after {
  position: absolute;
  content: '';
  width: 1px;
  height: 60%;
  background: #ccc;
  right: -1px;
  top: 4px;
}
.train-head span.icon {
  font-size: 0.5rem !important;
  color: #615959;
  margin-left: 0.2rem;
}
.modify-password .list-block .item-content {
  padding-left: 0;
}
.person-info .por {
  margin-top: 1rem;
  display: flex;
  justify-content: space-between;
  background: #fff;
  height: 3rem;
  overflow: hidden;
  padding: 0.5rem;
}
.person-info .por .por-title {
  display: flex;
  align-items: center;
}
.person-info .por .por-img {
  height: 2rem;
  width: 2rem;
  border-radius: 50%;
  border: 1px solid #ddd;
  overflow: hidden;
}
.person-info .por .por-img img {
  height: 100%;
  width: 100%;
}
.person-info .pup {
  position: absolute;
  z-index: 10010;
  background-color: rgba(0, 0, 0, 0.5);
  width: 100%;
  top: 0;
  bottom: 0;
}
.person-info .pup ul {
  position: absolute;
  bottom: 0;
  padding: 0.5rem;
  width: 100%;
  text-align: center;
  color: #3A94F0;
}
.person-info .pup ul li:first-child {
  border-radius: 4px 4px 0 0;
  padding: 0.3rem;
  background-color: #fff;
}
.person-info .pup ul li + li {
  border-top: 1px solid #D6D6D6;
  background-color: #fff;
  padding: 0.3rem;
}
.person-info .pup ul li:nth-child(2) {
  border-radius: 0 0 4px 4px;
}
.person-info .pup ul li:last-child {
  margin-top: 0.5rem;
  border-radius: 4px;
}
.person-info .list-block {
  margin-top: 1rem;
}
.person-info .list-block .item-content {
  padding-left: 0;
}
.person-info .list-block .item-content .item-input {
  padding-right: .5rem;
}
.person-info .list-block .item-content #stu-school-flag {
  padding-left: 90%;
}
.person-info .list-block .item-title.label {
  padding-left: .5rem;
}
.person-info .list-block .item-title.label.select-title {
  width: 30%;
}
.job-search .search-head {
  height: 2.2rem;
}
.job-search .search-head .iconfont {
  line-height: 2.2rem;
}
.job-search .search-head .searchbar {
  padding: .3rem 0;
}
.job-search .search-head .searchbar .search-input input {
  border: none;
  height: 1.6rem;
  margin: 0 auto;
  border-radius: .8rem;
}
.job-search .search-head .searchbar .icon.iconfont {
  position: absolute;
  font-size: .8rem;
  color: #b4b4b4;
  top: 48%;
  left: .3rem;
  -webkit-transform: translate3D(0, -50%, 0);
  transform: translate3D(0, -50%, 0);
}
.job-search .search-head .searchbar a.button.button-fill {
  line-height: 1.6rem;
  padding-right: .8rem;
}
.job-search .search-head .right {
  padding-right: 0;
}
.train-search .search-head {
  height: 2.2rem;
}
.train-search .search-head .iconfont {
  line-height: 2.2rem;
}
.train-search .search-head .searchbar {
  padding: .3rem 0;
}
.train-search .search-head .searchbar .search-input #search {
  border: none;
  height: 1.6rem;
  margin: 0 auto;
  border-radius: .8rem;
}
.train-search .search-head .searchbar .icon.iconfont {
  position: absolute;
  font-size: .8rem;
  color: #b4b4b4;
  top: 48%;
  left: .3rem;
  -webkit-transform: translate3D(0, -50%, 0);
  transform: translate3D(0, -50%, 0);
}
.train-search .search-head .searchbar a.button.button-fill {
  color: #41BEFE;
  line-height: 1.6rem;
  padding-right: .8rem;
}
.train-search .search-head .right {
  padding-right: 0;
}
.train-search .train-card {
  margin-top: .5rem;
}
.train-register .list-block {
  margin: .25rem;
}
.train-register .list-block .item-content {
  padding-left: 0;
}
.train-register .list-block .item-title.label {
  padding-left: .25rem;
  width: auto;
}
.train-register .list-block .reg-agreement {
  padding: .5rem 0;
}
.train-register .botm-btn {
  height: 2.5rem;
  background-color: #0ce6e6;
}
.train-register .botm-btn a {
  font-size: .8rem;
  line-height: 2.5rem;
}
.add-leave .head-no-toolbar .iconfont span {
  margin-left: .2rem;
}
.add-leave .list-block {
  margin-top: 2.7rem;
}
.add-leave .list-block ul {
  margin-top: .5rem;
}
.add-leave .list-block ul .item-content {
  padding-left: 0;
}
.add-leave .list-block ul .item-content .item-title {
  padding-left: .2rem;
}
.add-leave .botm-btn {
  height: 2.5rem;
  background-color: #0ce6e6;
}
.add-leave .botm-btn a {
  font-size: .8rem;
  line-height: 2.5rem;
}
.user-login {
  /*.list-block .item-title.label{
    width: 20%;
  }*/
}
.user-login .enroll {
  text-align: right;
  padding-right: .7rem;
}
.user-login .enroll .icon {
  position: relative;
  bottom: .05rem;
}
.user-login .login-btn {
  border: none;
  font-size: .85rem;
  color: white;
}
.focus-company {
  margin-left: .45rem;
  margin-right: .45rem;
}
.focus-company .item-foot1 {
  margin-top: .5rem;
  font-size: .6rem;
  line-height: 1.5rem;
}
.focus-company .item-foot1 .cancel {
  padding: .45rem 2rem .45rem .6rem;
}
.focus-company .cancel .iconfont {
  position: relative;
  color: #FF9696;
  margin-right: .2rem;
  font-size: .6rem;
  top: 1px;
}
.focus-company .pull-right a {
  font-size: .6rem;
  padding: .45rem 0.75rem .45rem 2rem;
}
.focus-company .item-foot1 .pull-right .iconfont {
  font-size: .6rem;
  position: relative;
  bottom: 1px;
}
.focus-company .item-inner:after {
  height: 0;
}
.focus-course {
  margin: 0.5rem;
}
.focus-course .cancel {
  line-height: 1.5rem;
  font-size: .6rem;
}
.focus-course .cancel .iconfont {
  font-size: .6rem;
  margin-right: .2rem;
  color: #FF9696;
  position: relative;
}
.focus-position {
  margin: .5rem;
}
.focus-position .list-block {
  padding: 0 .5rem;
  margin: 0.5rem 0;
}
.focus-position .list-block .item-title-row,
.focus-position .list-block .f-little {
  padding: .1rem 0;
}
.focus-position .list-block .item-inner .item-title-row .item-subtitle {
  font-size: .7rem;
}
.focus-position .list-block:before,
.focus-position .list-block:after {
  height: 0;
}
.focus-position .item-foot1 {
  margin-top: .2rem;
  font-size: .6rem;
  line-height: 1.5rem;
}
.focus-position .item-foot1 .cancel {
  padding: .45rem 0 .45rem 0;
}
.focus-position .cancel .iconfont {
  position: relative;
  color: #FF9696;
  margin-right: .2rem;
  font-size: .6rem;
}
.focus-position .pull-right a {
  font-size: .6rem;
  padding: .45rem 0 .45rem 2rem;
}
.focus-position .item-foot1 .pull-right .iconfont {
  font-size: .6rem;
  position: relative;
  top: -1px;
}
